<script setup>
import { ref } from 'vue'
import { onLaunch, onShow, onLoad } from '@dcloudio/uni-app'

//引入props
const props = defineProps({
  item: {
    type: Object,
    default: () => ({}),
  },
})
</script>

<template>
  <navigator class="item" :url="`/pages/hot/index?type=${item.id}`">
    <view class="textList">
      <text>{{ item.title }}</text> <text>{{ item.alt }}</text>
    </view>

    <view class="imageList"
      ><image :src="item.pictures[0]" style="width: 56rpx; height: 56rpx" />
      <image :src="item.pictures[1]" style="width: 56rpx; height: 56rpx" />
    </view>
  </navigator>
</template>

<style lang="scss">
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .imageList {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
</style>
